<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" href="css/css.css" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/default.css" />
<title>首页</title>
</head>

<body>

<!--top-开始-->
<div class="j_top">
	<div class="j_topn" style="display:none;">
    	<a href="#" class="j_topn1_logo"><img src="images/sy/sy_02.png" /></a>
        <div class="j_topny">
            <span class="j_topny_ss">
                <input type="text" class="sr" onclick="if(this.value=='输入搜索内容...'){this.value=''}" value="输入搜索内容..." />
                <input type="button" class="btn01" align="right" /></input>
            </span>
            <span class="j_top_dz">
            	<a href="#" class="j_top_dz1">登录</a>|<a href="#" class="j_top_dz1">注册</a>
            </span>
            <a href="#" class="j_top_dzy"><img src="images/sy/sy_01.png" /></a>
        </div>
    </div>
    
    <!--登录号-开始-->
	<div class="j_topn">
    	<a href="#" class="j_topn1_logo"><img src="images/sy/sy_02.png" /></a>
        <div class="j_topny">
          <span class="j_topny_ss">
              <input type="text" class="sr" onclick="if(this.value=='输入搜索内容...'){this.value=''}" value="输入搜索内容..." />
                <input type="button" class="btn01" align="right" /></input>
          </span>
           	<a href="#" class="j_top_dz1"><img src="images/sy/sy_04.png" />消息<span>4</span></a>
            <span class="j_top_dz">
            	<a href="#" class="j_top_dzy_h"><img src="images/tx_img.jpg" /></a>
                <div class="j_top_dztk">
                	<span class="j_top_dztks">
                    	<a href="#" class="j_top_dztksz"><img src="images/tx_img.jpg" /></a>
                        <span class="j_top_dztksy">申海娜</span>
                    </span>
                    <a href="#" class="j_top_dztkx j_top_dztkx_hov">我的主页</a>
                    <a href="#" class="j_top_dztkx">我的收藏</a>
                    <a href="#" class="j_top_dztkx">我关注的服务</a>
                    <a href="#" class="j_top_dztkx">向子时投稿</a>
                    <a href="#" class="j_top_dztkx">账号设置</a>
                    <a href="#" class="j_top_dztkx">退出</a>
                </div>
            </span>
        </div>
    </div>
    <!--登录号-结束-->
</div>
<!--top-结束-->

<!--导航-nav-开始-->
<div class="j_nav">
	<div class="j_navn">
    	<a href="#" class="j_nav_logo"><img src="images/sy/sy_03.png" /></a>
        <div class="j_navnr">
        	<a href="#" class="j_navnr1 j_navnr1_hov">首页</a>
            <span class="j_navnr2">
            	<a href="#" class="j_navnr1">资讯<img src="images/sy/sy_06.png" /></a>
                <ul  class="j_navnr21">
                	<li><a href="#">资讯列表</a></li>
                	<li><a href="#">资讯列表</a></li>
                	<li><a href="#">资讯列表</a></li>
                	<li><a href="#">资讯列表</a></li>
                </ul>
            </span>
        	<a href="#" class="j_navnr1">子时服务</a>
        	<a href="#" class="j_navnr1">关于子时</a>
        </div>
    </div>
</div>
<!--导航-nav-结束-->

<!--banner-开始-->
<div class="sy_banner"></div>
<!--banner-结束-->

<!--主体内容-开始-->
<div class="j_sy_main">
	<div class="j_sy_mainz">
		<div class="j_sy_mainzt">
        	<a href="#" class="j_sy_mainzt1 j_sy_mainzt11">全部</a>
        	<a href="#" class="j_sy_mainzt1">新闻</a>
        	<a href="#" class="j_sy_mainzt1">成功的LOSER</a>
        	<a href="#" class="j_sy_mainzt1">广告</a>
        	<a href="#" class="j_sy_mainzt1">评测</a>
        	<a href="#" class="j_sy_mainzt1">对话</a>
        </div>
        <div class="jsy_gzlnzn">
        	<span class="gzbrk"><img src="images/gz/zxjr_img.jpg" /></span>
        	<div class="gzbrky">
            	<span class="gzbrkys"><a href="#">只为爱甜食的女孩而存在——The Cake Ride</a></span>
                <span class="gzbrkyc">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车所带给人们的娱乐精神。</span>
                <span class="gzbrkyx"><a href="#">more &gt;&gt;</a></span>
                <div class="gzbrkyb">
                	<span class="gzbrkybz">新闻</span>
                    <span class="gzbrkyby">
                    	<a href="#" class="gzbrkyby1">1234</a>
                    	<a href="#" class="gzbrkyby2"></a>
                    	<a href="#" class="gzbrkyby3"></a>
                    	<a href="#" class="gzbrkyby4"></a>
                    </span>
                </div>
            </div>
        </div>
        
    	<div class="j_gzlnzt"><span class="sy_grkd">2015-08-20</span></div>
       
        <div class="jsy_gzlnzn">
        	<span class="gzbrk"><img src="images/gz/zxjr_img.jpg" /></span>
        	<div class="gzbrky">
            	<span class="gzbrkys"><a href="#">只为爱甜食的女孩而存在——The Cake Ride</a></span>
                <span class="gzbrkyc">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车所带给人们的娱乐精神。</span>
                <span class="gzbrkyx"><a href="#">more &gt;&gt;</a></span>
                <div class="gzbrkyb">
                	<span class="gzbrkybz">新闻</span>
                    <span class="gzbrkyby">
                    	<a href="#" class="gzbrkyby1">1234</a>
                    	<a href="#" class="gzbrkyby2"></a>
                    	<a href="#" class="gzbrkyby3"></a>
                    	<a href="#" class="gzbrkyby4"></a>
                    </span>
                </div>
            </div>
        </div>
        <div class="jsy_gzlnzn">
        	<span class="gzbrk"><img src="images/gz/zxjr_img.jpg" /></span>
        	<div class="gzbrky">
            	<span class="gzbrkys"><a href="#">只为爱甜食的女孩而存在——The Cake Ride</a></span>
                <span class="gzbrkyc">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车所带给人们的娱乐精神。</span>
                <span class="gzbrkyx"><a href="#">more &gt;&gt;</a></span>
                <div class="gzbrkyb">
                	<span class="gzbrkybz">新闻</span>
                    <span class="gzbrkyby">
                    	<a href="#" class="gzbrkyby1">1234</a>
                    	<a href="#" class="gzbrkyby2"></a>
                    	<a href="#" class="gzbrkyby3"></a>
                    	<a href="#" class="gzbrkyby4"></a>
                    </span>
                </div>
            </div>
        </div>
        <div class="jsy_gzlnzn">
        	<span class="gzbrk"><img src="images/gz/zxjr_img.jpg" /></span>
        	<div class="gzbrky">
            	<span class="gzbrkys"><a href="#">只为爱甜食的女孩而存在——The Cake Ride</a></span>
                <span class="gzbrkyc">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车所带给人们的娱乐精神。</span>
                <span class="gzbrkyx"><a href="#">more &gt;&gt;</a></span>
                <div class="gzbrkyb">
                	<span class="gzbrkybz">新闻</span>
                    <span class="gzbrkyby">
                    	<a href="#" class="gzbrkyby1">1234</a>
                    	<a href="#" class="gzbrkyby2"></a>
                    	<a href="#" class="gzbrkyby3"></a>
                    	<a href="#" class="gzbrkyby4"></a>
                    </span>
                </div>
            </div>
        </div>
        <div class="jsy_gzlnzn">
        	<span class="gzbrk"><img src="images/gz/zxjr_img.jpg" /></span>
        	<div class="gzbrky">
            	<span class="gzbrkys"><a href="#">只为爱甜食的女孩而存在——The Cake Ride</a></span>
                <span class="gzbrkyc">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，有的则更加倾向于单车所带给人们的娱乐精神。</span>
                <span class="gzbrkyx"><a href="#">more &gt;&gt;</a></span>
                <div class="gzbrkyb">
                	<span class="gzbrkybz">新闻</span>
                    <span class="gzbrkyby">
                    	<a href="#" class="gzbrkyby1">1234</a>
                    	<a href="#" class="gzbrkyby2"></a>
                    	<a href="#" class="gzbrkyby3"></a>
                    	<a href="#" class="gzbrkyby4"></a>
                    </span>
                </div>
            </div>
        </div>
<!--        
        <div class="j_fy">
            <a href="#" class="j_fy1">上一页</a>
            <a href="#" class="j_fy1">1</a>
            <a href="#" class="j_fy1 j_fy11">2</a>
            <a href="#" class="j_fy1">3</a>
            <a href="#" class="j_fy1">4</a>
            <a href="#" class="j_fy1">下一页</a>
        </div>
            
-->
    </div>
    <div class="j_sy_mainy">
    	<div class="j_sy_mainyn">
        	<span class="j_sy_mainynt">吐槽调侃</span>
            <div class="j_tctk">
            	<span class="j_tctkz"><img src="images/sy/sy_16.png" /></span>
                <div class="j_tctky">
                	<span class="j_tctky1">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。</span>
                    <span class="j_tctky2">
                    	<a href="#" class="j_tctky21">查看评论</a>
                    	<a href="#" class="j_tctky21">回复</a>
                    </span>
                </div>
            </div>
            <div class="j_tctk">
            	<span class="j_tctkz"><img src="images/sy/sy_16.png" /></span>
                <div class="j_tctky">
                	<span class="j_tctky1">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。</span>
                    <span class="j_tctky2">
                    	<a href="#" class="j_tctky21">查看评论</a>
                    	<a href="#" class="j_tctky21">回复</a>
                    </span>
                </div>
            </div>
            <div class="j_tctk">
            	<span class="j_tctkz"><img src="images/sy/sy_16.png" /></span>
                <div class="j_tctky">
                	<span class="j_tctky1">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。</span>
                    <span class="j_tctky2">
                    	<a href="#" class="j_tctky21">查看评论</a>
                    	<a href="#" class="j_tctky21">回复</a>
                        <span class="jsy_hfk">
                        	<textarea name="" cols="" rows="" class="jsy_hfk1"></textarea>
                            <span class="jsy_hfk2"><a href="#">提交</a></span>
                        </span>
                    </span>
                </div>
            </div>
            <div class="j_tctk">
            	<span class="j_tctkz"><img src="images/sy/sy_16.png" /></span>
                <div class="j_tctky">
                	<span class="j_tctky1">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。</span>
                    <span class="j_tctk_hf">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。</span>
                    <span class="j_tctk_hfx"><a href="#">回复</a></span>
                </div>
            </div>
            <div class="j_tctk">
            	<span class="j_tctkz"><img src="images/sy/sy_16.png" /></span>
                <div class="j_tctky">
                	<span class="j_tctky1">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。</span>
                    <span class="j_tctk_hf">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。</span>
                    <span class="j_tctk_hfx"><a href="#">回复</a></span>
                </div>
            </div>
            <div class="j_wztg">
            	<span class="j_wztgn"><a href="#">文章投稿&gt;&gt;</a></span>
            </div>
            
        </div>
    </div>
</div>
<!--主体内容-结束-->


<!-- 登录-开始 -->
<div class="j_log" style="display:none;">
	<!-- 登录1-开始 -->
	<div class="j_logn" style="display:none;">
    	<div class="j_logn_logo"><img src="images/sy/sy_03.png" width="120" height="120" /></div>
        <div class="j_logn_n">
        	<input type="text" class="j_logn_n1" onclick="if(this.value=='请输入手机号或邮箱'){this.value=''}" value="请输入手机号或邮箱" />
            <input type="button" class="j_logn_n2" value="登录/注册" />
            <span class="j_logn_n3"><a href="#">忘记密码？</a></span>
            <div class="j_logn_n4">
            	<span class="j_logn_n4t">第三方帐号登录</span>
                <div class="j_logn_n4n">
                	<a href="#"><img src="images/sy/log_03.png" /></a>
                	<a href="#"><img src="images/sy/log_06.png" /></a>
                	<a href="#"><img src="images/sy/log_08.png" /></a>
                </div>
            </div>
        </div>
    </div>
	<!-- 登录1-结束 -->
    
	<!-- 登录2-开始 -->
	<div class="j_logn" style="display:none;">
    	<div class="j_logn_logo"><img src="images/sy/sy_03.png" width="120" height="120" /></div>
        <span class="j_logn_log">登录</span>
        <div class="j_logn_n">
        	<input type="text" class="j_logn_n1" onclick="if(this.value=='1323456789'){this.value=''}" value="1323456789" />
        	<input type="text" class="j_logn_n1" onclick="if(this.value=='密码'){this.value=''}" value="密码" />
            <span class="j_logn_n5">帐号或密码错误</span>
            <input type="button" class="j_logn_n2" value="登录" />
            <span class="j_logn_n3"><a href="#">忘记密码？</a></span>
           
        </div>
    </div>
	<!-- 登录2-结束 -->
    
	<!-- 登录3-开始 -->
	<div class="j_logn" style="display:none;">
    	<div class="j_logn_logo"><img src="images/sy/sy_03.png" width="120" height="120" /></div>
        <span class="j_logn_log">注册</span>
        <div class="j_logn_n">
        	<input type="text" class="j_logn_n1" onclick="if(this.value=='1323456789'){this.value=''}" value="1323456789" />
        	<input type="text" class="j_logn3_n1" onclick="if(this.value=='短信验证码'){this.value=''}" value="短信验证码" />
            <input type="button" class="j_logn3_n2" value="点击获取" />
        	<input type="text" class="j_logn_n1" onclick="if(this.value=='请输入密码，不小于6位'){this.value=''}" value="请输入密码，不小于6位" />
            <span class="j_logn_n5">密码不能为空</span>
            <input type="button" class="j_logn_n2" value="注册" />
        </div>
    </div>
	<!-- 登录3-结束 -->
    
	<!-- 登录4-开始 -->
	<div class="j_logn" style="display:none;">
    	<div class="j_logn_logo"><img src="images/sy/sy_03.png" width="120" height="120" /></div>
        <div class="j_logn_n">
        	
            <span class="j_logn4_n1">注册成功</span>
            <span class="j_logn4_n2">3秒后跳回原来页面</span>
        </div>
    </div>
	<!-- 登录4-结束 -->
    
	<!-- 邮箱注册3-开始 -->
	<div class="j_logn" style="display:none;">
    	<div class="j_logn_logo"><img src="images/sy/sy_03.png" width="120" height="120" /></div>
        <div class="j_logn_n">
        	<span class="j_logn4_n2" style="text-align:left;">验证邮件已经发送到你邮箱，请登录邮箱完成验证。</span>
            <span class="j_logn4_n3"><a href="#">前往邮箱 &gt;&gt;</a></span>
        </div>
    </div>
	<!-- 邮箱注册3-结束 -->
    
	<!-- 登录4-开始 -->
	<div class="j_logn" style="display:none;">
    	<div class="j_logn_logo"><img src="images/sy/sy_03.png" width="120" height="120" /></div>
        <div class="j_logn_n">
            <span class="j_4logn_n5">为了你的账号安全，请补全密码 </span>
            <span class="j_4logn_n5">今后你可以使用邮箱及密码进行登录</span>
        	<input type="text" class="j_logn_n1" onclick="if(this.value=='请输入密码,不小于6位'){this.value=''}" value="请输入密码,不小于6位" />
            <input type="button" class="j_logn_n2" value="设置密码并登录" />
           
        </div>
    </div>
	<!-- 登录4-结束 -->
    
	<!-- 找回密码-开始 -->
	<div class="j_logn" style="display:none;">
    	<div class="j_logn_logo"><img src="images/sy/sy_03.png" width="120" height="120" /></div>
        <div class="j_logn_n">
        	<input type="text" class="j_logn_n1" onclick="if(this.value=='请输入手机号或邮箱'){this.value=''}" value="请输入手机号或邮箱" />
            <input type="button" class="j_logn_n2" value="找回密码" />
           
        </div>
    </div>
	<!-- 找回密码-结束 -->
    
</div>
<!-- 登录-结束 -->



<!-- footer -->
<div class="footer_bg">
<div class="footer">
<div class="footer_left">
<div class="footer_1">
<span>合作伙伴</span>
<ul class="ul_hzhb">
<li><a href="#">网易旅游</a></li>
<li><a href="#">ZAKER阅读器</a></li>
<li><a href="#">SIZE户外型者</a></li>
<li><a href="#">热度社</a></li>
<li><a href="#">中国自行车嘉年华</a></li>
</ul>
</div>

<div class="footer_1">
<span>&nbsp;</span>
<ul class="ul_hzhb">
<li><a href="#">网易旅游</a></li>
<li><a href="#">ZAKER阅读器</a></li>
<li><a href="#">SIZE户外型者</a></li>
<li><a href="#">热度社</a></li>
<li><a href="#" id="footer_more">More &gt;</a></li>
</ul>
</div>

<div class="footer_2">
<table width="338" height="154" border="0" cellpadding="0" cellspacing="0">
  <tr align="center">
    <td><span>官方微薄</span></td>
    <td><span>官方微信</span></td>
  </tr>
  <tr align="center">
    <td><img src="images/ewm_wb.jpg" width="102" height="102" /></td>
    <td><img src="images/ewm_wx.jpg" width="102" height="102" /></td>
  </tr>
  <tr align="center">
    <td><p>扫描二维码关注我们微博</p></td>
    <td><p>扫描二维码关注我们微信</p></td>
  </tr>
</table>
</div>
</div>
<img src="images/map.jpg" width="447" height="193" style="display:block; float:right;" />

<div class="clear"></div>
<div class="footer_3">
<span class="span_footer_3_left"><a href="#">关于我们</a><a href="#">联系我们</a><a href="#">招聘计划</a></span>
<span class="span_footer_3_right">© 2012-2015 zishi  版权所有 | 京ICP备13001395号</span>
</div>

</div>
</div>
<!-- footer -->

<a href="#"><img src="images/zhiding_tb.png" width="61" height="61" class="zhiding_tb" /></a>
</body>
</html>
